import Vue from 'vue'
import Vuetify from 'vuetify'
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/dist/vuetify.min.css'
import colors from 'vuetify/lib/util/colors'

Vue.use(Vuetify)

const opts: any = {
    theme: {
      themes: {
        light: {
          primary: colors.red.darken1, // #E53935
          secondary: colors.red.lighten4, // #FFCDD2
          accent: colors.indigo.base, // #3F51B5, // #FFCDD2
          info: colors.cyan.lighten2, // #3F51B5
        },
      },
    },
    icons: {
      iconfont: 'mdi', // default - only for display purposes
    },
  }

export default new Vuetify(opts)